<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="./templates/template.xhtml">

        <ui:define name="content">
            <div class="content-center">
                <a4j:region>
                    <h:form id="cadastro-cargo-from">
                        <a4j:commandLink styleClass="add-link" value="novo cargo" action="#{AdministrarCargosMB.novoCargo}" reRender="cadastro-cargo-modal-from">
                            <rich:componentControl for="cadastro-cargo-modal" operation="show" event="onclick" />
                        </a4j:commandLink>
                        <rich:dataTable id="tabela-cargos" value="#{AdministrarCargosMB.listCargos}" var="cargo"
                                        rows="10" rendered="#{!empty AdministrarCargosMB.listCargos}">
                            <f:facet name="header">
                                <rich:columnGroup>
                                    <rich:column colspan="4">
                                        <h:outputText value="Cargos" />
                                    </rich:column>
                                    <rich:column breakBefore="true">
                                        <h:outputText value="Nome" />
                                    </rich:column>
                                    <rich:column>
                                        <h:outputText value="Função" />
                                    </rich:column>
                                    <rich:column>
                                        <h:outputText value="Editar" />
                                    </rich:column>
                                    <rich:column>
                                        <h:outputText value="Excluir" />
                                    </rich:column>
                                </rich:columnGroup>
                            </f:facet>

                            <rich:column>
                                <h:outputText value="#{cargo.nome}" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="#{cargo.funcao}" />
                            </rich:column>
                            <rich:column>
                                <a4j:commandLink reRender="edit-cargo-modal-from">
                                    <h:graphicImage id="editar" url="./img/editar.png" border="0" alt="editar" title="editar"/>
                                    <f:setPropertyActionListener value="#{cargo}" target="#{AdministrarCargosMB.cargo}"/>
                                    <rich:componentControl for="edit-cargo-modal" operation="show" event="onclick" />
                                </a4j:commandLink>
                            </rich:column>
                            <rich:column>
                                <a4j:commandLink>
                                    <h:graphicImage id="excluir" url="./img/excluir.png" border="0" alt="excluir" title="excluir"/>
                                    <f:setPropertyActionListener value="#{cargo}" target="#{AdministrarCargosMB.cargo}"/>
                                    <rich:componentControl for="excluir-cargo-modal" operation="show" event="onclick" />

                                </a4j:commandLink>
                            </rich:column>
                        </rich:dataTable>
                        <rich:datascroller for="tabela-cargos" maxPages="5" renderIfSinglePage="false" />
                    </h:form>
                </a4j:region>
            </div>
            <div class="content-center" style="text-align:center;">
                <h:outputText value="Não existem cargos cadastrados"
                              rendered="#{empty AdministrarMembrosMB.listCargos}"/>
            </div>

            <ui:include src="./compositions/modalcadastrocargo.xhtml" />
            <ui:include src="./compositions/modaleditarcargo.xhtml" />
            <ui:include src="./compositions/modalexcluircargo.xhtml" />
        </ui:define>

    </ui:composition>
</html>
